@charset "utf-8";
/* 메인 */
.section {text-align:left;}
.section .intro {height:100%; padding-top:114px; text-align:center;}
.section .intro h1 {margin-top:80px; font-size:50px; line-height:1;}
#section0 .intro {padding:0;}
#section0 .intro h1 {margin:0;}
.section .intro .bg-line {width:100%; height:2px; margin:30px 0 20px; background:url('../images/bg_line.png') 50% 0 no-repeat;}
.section .intro > p {font-size:20px; color:#333;}
#section2 .intro h1, #section3 .intro h1, #section2 .intro > p, #section3 .intro > p {color:#fff;}
/*footer {position:absolute; bottom:0; width:100%;}*/
.fullpage-wrapper{width:100%;}
/* main indicator */
#fp-nav {top:250px;}
#fp-nav ul li {position:relative; width:14px; height:14px; margin:0 7px 18px;}
#fp-nav ul li + li:before {display:block; position:absolute; top:-18px; width:14px; height:18px; background:url('../images/main_indicator_bg.png') 50% 50% no-repeat; content:'';}
#fp-nav ul li a span {width:14px; height:14px; margin:-7px 0 0 -7px; background:transparent; border:2px solid #0066c5; -webkit-box-sizing:border-box; box-sizing:border-box;}
#fp-nav ul li:hover a span, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, #fp-nav ul li a.active:hover span {width:14px; height:14px; margin:-7px 0 0 -7px; background:#0066c5;}
#fp-nav ul li .fp-tooltip {top:-2px; font-family:'s4'; color:#0066c5;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav li a.active + .fp-tooltip {-webkit-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; width:auto; opacity:1;}
/* 반전 */
#fp-nav.white ul li + li:before {background:url('../images/main_indicator_bg_white.png') 50% 50% no-repeat; content:'';}
#fp-nav.white ul li a span {border:2px solid #fff;}
#fp-nav.white ul li:hover a span, #fp-nav.white ul li a.active span, #fp-nav.white ul li a:hover span, #fp-nav.white ul li a.active:hover span {background:#fff;}
#fp-nav.white ul li .fp-tooltip {color:#fff;}

/* bxslider */
.bx-wrapper {width:100%; max-width:100% !important; margin:0; border:none; box-shadow:none;}

/* intro */
#section0 .bx-wrapper, #section0 .bx-viewport {height:100% !important;}
.intro-slider {width:100%; height:100%;}
.intro-slider li {position:relative; height:100% !important;}
.intro-slider li.slide01 {background:url(../images/visual1.jpg) 50% 114px no-repeat; background-size:cover;}
.intro-slider li.slide02 {background:url(../images/visual2.jpg) 50% 114px no-repeat; background-size:cover;}
.intro-slider li.slide03 {background:url(../images/visual3.jpg) 50% 114px no-repeat; background-size:cover;}
.intro-slider li.slide04 {background:url(../images/visual4.jpg) 50% 114px no-repeat; background-size:cover;}
.intro-slider li.slide05 {background:url(../images/visual5.jpg) 50% 114px no-repeat; background-size:cover;}
.intro-slider .slider-wrap {position:absolute; top:45%; left:0; width:100%; height:100%; color:#fff; z-index:2;}
.intro-slider .slider-wrap .acce {display:inline-block; width:100px; height:100px; margin:5px 20px 0 0; padding:10px; background:#0a69c8; font-size:30px; font-family:'s7'; color:#fff; line-height:90px; vertical-align:top;}
.intro-slider .slider-wrap .text-wrap {display:inline-block; text-align:center;}
.intro-slider .slider-wrap h1 {font-family:'s7';}
.intro-slider .slider-wrap p {margin-top:10px; font-size:30px;}
.txtPoint {display:inline; color:#0a69c8;}
.bx-controls {position:absolute; top:60%; left:0; width:100%; z-index:999;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {vertical-align:top;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:relative; bottom:auto; display:inline-block; width:auto;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative; bottom:auto; right:auto; display:inline-block; width:auto; height:10px; margin-top:-14px; vertical-align:middle;}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:transparent; border:1px solid #fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin-left:5px; vertical-align:top;}
.bx-wrapper .bx-pager-item {margin-top:-1px;}
.bx-wrapper .bx-controls-auto .bx-start {width:10px; height:10px; background:url('../images/slider_control.png') -10px -94px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-10px -94px;}
.bx-wrapper .bx-controls-auto .bx-stop {width:10px; height:10px; background:url('../images/slider_control.png') 0 -94px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:0 -94px;}
.bx-wrapper .bx-controls-direction a {top:-234%; width:48px; height:94px; margin-top:0;}
.bx-wrapper .bx-prev {left:10%; background:url('../images/slider_control.png') 0 0 no-repeat;}
.bx-wrapper .bx-next {right:10%; background:url('../images/slider_control.png') -48px 0 no-repeat;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position:-48px 0;}
.scrolldown {position:absolute; bottom:310px; left:50%; width:180px; margin-left:-90px;}
.scrolldown span {display:block; font-family:'s7'; font-size:14px; color:#fff;}
.intro-container {position:relative; width:100%; max-width:1310px; margin:-200px auto 30px; padding:0 15px;}
.intro-btn-wrap {position:relative; width:100%; height:110px; font-size:0; text-align:center;}
.intro-btn-wrap li {position:relative; display:inline-block; width:8.33%; height:100%; margin:0; padding:0; float:left;}
.intro-btn-wrap li a {position:absolute; bottom:0; display:block; width:100%; height:110px; padding:0; background:rgba(0,198,219,.5); font-size:18px; color:#fff; 
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}
.intro-btn-wrap li + li a {background:url('../images/intro_btn_sep.png') 0 50% no-repeat rgba(0,198,219,.5);}
.intro-btn-wrap li a .intro-icon {width:45%; margin:20px auto 10px;}
.intro-btn-wrap li a p {padding:0 10px; font-size:13px; line-height:1.2;}
.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:-30px; height:140px; padding:10px 0; background:#01b6ed;}
.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:60%; max-width:96px; margin:5px auto;}
.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:14px;}
.callNum {position:relative; width:100%; margin:10px 0; text-align:right;}
.callNum li {display:inline-block; font-size:16px; color:#fff;}
.callNum li + li:before {display:inline-block; margin:0 10px; content:'\000B7';}

/* company */
.info-btn-wrap {display:inline-block; width:auto; margin-top:60px; text-align:center;}
.info-btn-wrap li {position:relative; float:left; width:calc(33.33% - 10px); max-width:430px; margin:5px;}
.info-btn-wrap li a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; background:transparent;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}
.info-btn-wrap li a:hover {background:url('../images/btn_info_hover.png') 50% 50% no-repeat rgba(0,87,164,.8);}
.info-btn-wrap .v-wrap {display:table; width:100%; height:100%;}
.info-btn-wrap .v-wrap p {display:table-cell; vertical-align:middle;}
.info-btn-wrap .v-wrap span {display:block; line-height:1;margin-top: 10px; font-size:30px;}
.info-btn-wrap .v-wrap span.num {font-family:'s8'; font-size:48px;border-top: 2px solid #fff;width: 120px;margin: 10px auto;}

/* careers */
#section2 {background:url('../images/bg_main04.jpg') 50% 0 no-repeat; background-size:cover;}
.career-slider-wrap {width:100%; margin:80px 0 0 0; height:234px; text-align:center;}
.career-slider-wrap .container, .career-slider-wrap .bx-wrapper, .career-slider-wrap .bx-viewport {height:100%; background:transparent;}
.career-slider li {margin:0 1px;}
.careerBox {width:100%; height:275px; background:rgba(0,0,0,.3);}
.careerBox a {position:relative; display:block; height:100%; padding:20px; color:#fff; text-align:left;}
.careerBox .num {font-family:'s8'; font-size:24px; overflow: hidden;height: 30px;}
.careerBox .num strong{font-size:14px; word-break:normal; font-family:"微软雅黑";}
.section .careerBox .bg-line {width:10px; height:1px; margin:0 0 10px 2px;}
.careerBox .script {line-height:1.3; word-break:normal;}
.careerBox a .icon {position:absolute; bottom:20px; left:20; width:37px; height:37px; background:url('../images/btn_careerbox.png') 0 0 no-repeat;}
.careerBox a:hover .icon {background-position:0 -37px;}
.career-slider-wrap .bx-controls {position:absolute; top:0; left:0; width:100%; z-index:999;}
.career-slider-wrap .bx-wrapper .bx-controls-direction a {display:block; top:117px; width:46px; height:46px; margin-top:-23px;}
.career-slider-wrap .bx-wrapper .bx-controls-direction a.disabled {display:none;}
.career-slider-wrap .bx-wrapper .bx-prev {left:-27px; background:url('../images/slider_control2.png') 0 -46px no-repeat;}
.career-slider-wrap .bx-wrapper .bx-next {right:-27px; background:url('../images/slider_control2.png') -46px -46px no-repeat;}
.career-slider-wrap .bx-wrapper .bx-next:hover, .career-slider-wrap .bx-wrapper .bx-next:focus {background-position:-46px -46px;}
.career-slider-wrap .bx-wrapper .bx-pager {bottom:-254px;}

/* IR */
#section3 {background:url('../images/bg_main03.jpg') 50% 0 no-repeat; background-size:cover;}
.ir-slider-wrap {width:100%; margin:40px 0 0 0; height:237px; background:rgba(10,29,74,.3); text-align:center;}
.ir-slider-wrap .container, .ir-slider-wrap .bx-wrapper, .ir-slider-wrap .bx-viewport {height:100%; background:transparent;}
.ir-slider li {border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2);}
.ir-slider li + li {margin-left:-1px;}
.disclosureBox {width:100%; height:237px;}
.disclosureBox a {display:block; height:100%; background:transparent; 
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}
.disclosureBox a:hover, .disclosureBox a:focus {background:#fff;}
.disclosureBox .date-wrap {position:relative; width:33.3%; margin:0 auto; padding:15px; color:#fff; background:#0057a4;}
.disclosureBox .date-wrap span {display:block; font-family:'s8', font-size:16px;}
.disclosureBox .date-wrap span.year {font-size:24px;}
.disclosureBox .tit-wrap {width:100%; margin:40px 0 20px;; padding:0 40px; font-size:18px; color:#fff; text-align:center;}
.disclosureBox .tit-more{color: #fff;width: 96px;height: 29px;border: 1px solid #fff;display: block;line-height: 26px; margin: 20px auto 0; font-size:14px;}
.disclosureBox .tit-wrap span {display:block; font-size:16px;}
.disclosureBox a:hover .tit-wrap, .disclosureBox a:focus .tit-wrap {color:#0057a4;}
.disclosureBox a:hover .tit-more, .disclosureBox a:focus .tit-more {border: 1px solid #0057a4;color:#0057a4; }
.ir-slider-wrap .bx-controls {position:absolute; top:118px; left:0; width:100%; z-index:999;}
.ir-slider-wrap .bx-wrapper .bx-controls-direction a {top:50%; width:46px; height:46px; margin-top:-23px;}
.ir-slider-wrap .bx-wrapper .bx-prev {left:-22px; background:url('../images/slider_control2.png') 0 0 no-repeat;}
.ir-slider-wrap .bx-wrapper .bx-next {right:-21px; background:url('../images/slider_control2.png') -46px 0 no-repeat;}
.ir-slider-wrap .bx-wrapper .bx-next:hover, .ir-slider-wrap .bx-wrapper .bx-next:focus {background-position:-46px 0;}
.ir-slider-wrap .bx-wrapper .bx-pager {bottom:-160px;}

/* 레이어팝업 */
.dimd-lay {display:none;opacity:.7;filter:alpha(opacity=70);width:100%;height:100%;z-index:10;position:fixed;top:0;left:0;background:#000;}
.layer-wrap {width:700px;margin:0 auto;margin-left:-350px !important;left:50%;box-sizing:border-box;position:fixed;z-index:1005;opacity:0;filter: Alpha(opacity=0);display:none;}
.layer-wrap.show {opacity:1;filter: Alpha(opacity=100);display:block;}
.layer-top {position:relative; background:#ddd;}
.layer-cont {padding:30px;max-height:800px;box-sizing:border-box;overflow-y:auto;background:#fff;}
.lay-close {position:absolute;right:0;top:0;}

/* -----------------------------------------------------------------------------------------------
	미디어 쿼리
--------------------------------------------------------------------------------------------------*/
/* 1024 이하 PC, Tablet PC */
@media (max-width:1023px){
	.section .intro {padding-top:70px;}
	#fp-nav {top:158px;}
	#fp-nav.right {right:2px;}
	.intro-slider .slider-wrap {top:35%;}
	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04 {background-position:50% 70px;}
	.bx-controls {top:50%;}
	.bx-wrapper .bx-controls-direction a {display:none;}
	.ir-slider-wrap .bx-controls-direction a {display:block;}
	#section1 .intro {padding:70px 30px 0;}
	#section1 .intro h1, #section2 .intro h1, #section3 .intro h1 {margin-top:15%;}
    .disclosureBox a .tit-wrap {color:#0057a4; margin:20px 0; font-size: 14px; padding: 0 5px;}
	/* company */
	.info-btn-wrap {width:100%; margin-top:40px;}
	.info-btn-wrap li {position:relative; width:100%; max-width:100%; height:160px; margin:5px 0; overflow:hidden;}
	.info-btn-wrap li a {z-index:1;}
	.info-btn-wrap li img {position:absolute; top:50%; left:0; width:100%; margin-top:-50%; z-index:0;}

	/* careers */
	.career-slider-wrap {height:284px; background:rgba(0,0,0,.3);}
	.career-slider li {margin:0;}
	.careerBox {height:284px; background:transparent;}
	.careerBox a {padding:60px 80px; border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3); -webkit-box-sizing:border-box; box-sizing:border-box;}
	.careerBox a .icon {bottom:60px; left:80px;}
	.career-slider-wrap .bx-wrapper .bx-pager {bottom:-334px;}
	.career-slider-wrap .bx-wrapper .bx-controls-direction a {top:142px;}
}
/* tablet PC */
@media (max-width:860px){
	/* IR */
	.disclosureBox a {background:#fff;}
	.disclosureBox a .tit-wrap {color:#0057a4; margin:20px 0;     font-size: 14px; padding: 0 5px;}
	.disclosureBox a .tit-more{ color:#0057a4; border:1px solid #0057a4;}
	.ir-slider li {border-left:none; border-right:none;}
	.ir-slider-wrap .bx-wrapper .bx-prev, .ir-slider-wrap .bx-wrapper .bx-prev:hover {background-position:0 -46px;}
	.ir-slider-wrap .bx-wrapper .bx-next, .ir-slider-wrap .bx-wrapper .bx-next:hover, .ir-slider-wrap .bx-wrapper .bx-next:focus {background-position:-46px -46px;}

}
@media (max-width:768px){
	/* intro */
	.section .intro h1 {font-size:48px; word-break:keep-all;}
	.intro-container {margin-top:-360px;}
	.intro-btn-wrap {height:150px;}
	.intro-slider li.slide01 {background:url(../images/visual1.jpg) 50% 114px no-repeat; background-size:cover;}
	.intro-slider li.slide02 {background:url(../images/visual2.jpg) 50% 114px no-repeat; background-size:cover;}
	.intro-slider li.slide03 {background:url(../images/visual3.jpg) 50% 114px no-repeat; background-size:cover;}
	.intro-slider li.slide04 {background:url(../images/visual4.jpg) 50% 114px no-repeat; background-size:cover;}
	.intro-slider li.slide05 {background:url(../images/visual5.jpg) 50% 114px no-repeat; background-size:cover;}
	.intro-btn-wrap li a {height:150px; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.intro-btn-wrap li {width:25%;}
	.intro-btn-wrap li + li a {background-image:none;}
	.intro-btn-wrap li:nth-child(1) a, .intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(3) a,
	.intro-btn-wrap li:nth-child(4) a, .intro-btn-wrap li:nth-child(5) a, .intro-btn-wrap li:nth-child(6) a, .intro-btn-wrap li:nth-child(7) a,
	.intro-btn-wrap li:nth-child(8) a {border-bottom:1px solid rgba(255,255,255,.3);} 
	.intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(6) a, .intro-btn-wrap li:nth-child(10) a {border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3);}
	.intro-btn-wrap li:nth-child(3) a, .intro-btn-wrap li:nth-child(7) a, .intro-btn-wrap li:nth-child(11) a { border-right:1px solid rgba(255,255,255,.3);}
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:0; height:150px; padding:10px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:30%; margin:15px auto;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:18px;}
	.callNum {margin-top:160px; text-align:center;}
	.callNum li {font-size:14px;}

	#section1 .intro {padding:70px 15px 0;width: 100%;}
	.section .intro > p {font-size:18px; word-break:normal; width:100%;}

	/* careers */
	.career-slider-wrap, .careerBox {height:310px;}
	.career-slider-wrap {margin:40px 0 0 0;}
	.career-slider-wrap .bx-wrapper .bx-pager {bottom:-360px;}
	.career-slider-wrap .bx-wrapper .bx-controls-direction a {top:155px;}
}
/* Smartphone */
@media (max-width:533px){
	#gnb-wrap {height:50px;}
	.gnb-wrap-inner {padding-top:8px;}
	.mobile-lang-wrap {top:13px;}
	.mobile-gnb-panel {top:50px;}
	#fp-nav {display:none;}
	.intro-slider .slider-wrap {top:180px;}
	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04{background-position:50% 50px;}
 .intro-slider li.slide05 {background-position:50% 20px;}
	.section .intro h1 {width:90%; font-size:26px;}
	#section0 .intro h1 {margin:0 auto;}
	#section1 .intro h1, #section2 .intro h1, #section3 .intro h1 {font-size:24px; margin:20px auto 5px;}
	.intro-slider .slider-wrap .acce {display:block; width:55px; height:30px; margin:-5px auto 5px; font-size:18px; line-height:12px;}
	.intro-slider .slider-wrap .text-wrap {text-align:center;}
	.intro-slider .slider-wrap p {margin-top:0; font-size:16px;}
	.intro-container {margin-top:-205px;}
	.bx-controls {top:250px;}
	.bx-wrapper .bx-pager-item {margin-top:0;}
	.bx-wrapper .bx-pager.bx-default-pager a {width:6px; height:6px; margin:0 3px;}
	.bx-wrapper .bx-pager-item {margin-top:0;}
	.bx-wrapper .bx-pager.bx-default-pager a {width:6px; height:6px; margin:0 3px;}
	.intro-btn-wrap {height:58px;}
	.intro-btn-wrap li a {height:58px; padding:0px 0;}
	.intro-btn-wrap li a .intro-icon {width:35%; max-width:40px; margin:10px auto 0px;}
	.intro-btn-wrap li a p {font-size:12px; word-break:normal;}
	.intro-btn-wrap li:nth-child(4) a p {padding-top:5px;}
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {height:90px; padding:5px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:40%; max-width:40px; margin:5px auto 10px;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:14px;}
	.callNum {margin-top:90px;}
	.callNum li {font-size:10px;    float: left;margin-top: 0px;}
	.callNum li a {display:inline-block; color:#fff;}

	.section .intro > .bg-line {margin:15px auto;}
	.section .intro > p {font-size:14px;}
	.info-btn-wrap li {height:70px; margin:0 0 5px;}
	.info-btn-wrap .v-wrap span.num {font-size:24px;}
	
	.ir-slider-wrap {height:200px; margin:30px 0 0 0;}
	.ir-slider-wrap .container {padding:0 28px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.disclosureBox {height:200px;}
	.ir-slider-wrap .bx-controls {top:100px;}
	.ir-slider-wrap .bx-wrapper .bx-pager {bottom:-135px;}


	.career-slider-wrap {margin:30px 0 0 0;}
	.career-slider-wrap .container {padding:0 28px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.career-slider-wrap, .careerBox {height:280px;}
	.careerBox a {padding:15px 40px;}
	.careerBox .script {font-size:16px;}
	.careerBox a .icon {bottom:30px; left:40px;}
	.career-slider-wrap .bx-wrapper .bx-pager {bottom:-240px;}
	.career-slider-wrap .bx-wrapper .bx-controls-direction a {top:140px;}
}